<template>
  <div>
    <!-- 头部 -->
    <Header :header="header"></Header>
    <div class="nurContent f-clear">
      <div class="left-content f-left">
        <nebulization></nebulization>
        <infolist></infolist>
      </div>
      <div class="right-content f-right">
        <recordcard></recordcard>
      </div>
    </div>
    <Floating-Menu :index = $route.query.index></Floating-Menu>
  </div>
</template>

<script>
import Header from '../../publicComponent/Header'
import nebulization from './nebulization'
import infolist from './infolist'
import recordcard from './recordcard'
import FloatingMenu from '../../publicComponent/FloatingMenu'
export default {
  data () {
    return {
      header: {
        tit: '护士站白板'
      }
    }
  },
  components: {
    Header,
    nebulization,
    infolist,
    recordcard,
    FloatingMenu
  }
}
</script>

<style lang="stylus" scoped>
@import '../../../static/css/comm.css';

.nurContent {
  padding: 0.3rem 0.35rem 0.3rem 0.3rem;
  background-color: #f5f9fe;

  .left-content {
    width: 14.25rem;
  }

  .right-content {
    width: 4rem;
  }
}
</style>
